html {
    margin: 40px 20px
}

body {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 45px;
    word-wrap: break-word;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Segoe UI", Arial, "PingFang SC", "Microsoft YaHei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
    line-height: 1.5
}
.haibao{
    display: block; 
    margin: 20px auto;
    border:none;
    background-size:contain;
    width:70%;
    height:auto;
}

body pre code,
body code,
body pre {
    font-size: 85%;
    line-height: 1.45;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, "PingFang SC", "Microsoft YaHei", monospace
}

body::before {
    display: table;
    content: ""
}

body::after {
    display: table;
    clear: both;
    content: ""
}

body>*:first-child {
    margin-top: 0 !important
}

body>*:last-child {
    margin-bottom: 0 !important
}

body a:not([href]) {
    color: inherit;
    text-decoration: none
}

body .absent {
    color: #cb2431
}

body .anchor {
    float: left;
    padding-right: 4px;
    margin-left: -20px;
    line-height: 1
}

body .anchor:focus {
    outline: none
}

body p,
body blockquote,
body ul,
body ol,
body dl,
body table,
body pre {
    margin-top: 0;
    margin-bottom: 16px
}

body hr {
    height: .25em;
    padding: 0;
    margin: 24px 0;
    background-color: #e1e4e8;
    border: 0
}

body blockquote {
    padding: 0 1em;
    color: #6a737d;
    border-left: .25em solid #dfe2e5
}

body blockquote>:first-child {
    margin-top: 0
}

body blockquote>:last-child {
    margin-bottom: 0
}

body kbd {
    display: inline-block;
    padding: 3px 5px;
    font-size: 11px;
    line-height: 10px;
    color: #444d56;
    vertical-align: middle;
    background-color: #fafbfc;
    border: solid 1px #c6cbd1;
    border-bottom-color: #959da5;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 #959da5
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 1.25
}

body h1 .octicon-link,
body h2 .octicon-link,
body h3 .octicon-link,
body h4 .octicon-link,
body h5 .octicon-link,
body h6 .octicon-link {
    color: #1b1f23;
    vertical-align: middle;
    visibility: hidden
}

body h1:hover .anchor,
body h2:hover .anchor,
body h3:hover .anchor,
body h4:hover .anchor,
body h5:hover .anchor,
body h6:hover .anchor {
    text-decoration: none
}

body h1:hover .anchor .octicon-link,
body h2:hover .anchor .octicon-link,
body h3:hover .anchor .octicon-link,
body h4:hover .anchor .octicon-link,
body h5:hover .anchor .octicon-link,
body h6:hover .anchor .octicon-link {
    visibility: visible
}

body h1 tt,
body h1 code,
body h2 tt,
body h2 code,
body h3 tt,
body h3 code,
body h4 tt,
body h4 code,
body h5 tt,
body h5 code,
body h6 tt,
body h6 code {
    font-size: inherit
}

body h1 {
    padding-bottom: .3em;
    font-size: 2em;
    border-bottom: 1px solid #eaecef
}

body h2 {
    padding-bottom: .3em;
    font-size: 1.5em;
    border-bottom: 1px solid #eaecef
}

body h3 {
    font-size: 1.25em
}

body h4 {
    font-size: 1em
}

body h5 {
    font-size: .875em
}

body h6 {
    font-size: .85em;
    color: #6a737d
}

body ul,
body ol {
    padding-left: 2em
}

body ul.no-list,
body ol.no-list {
    padding: 0;
    list-style-type: none
}

body ul ul,
body ul ol,
body ol ol,
body ol ul {
    margin-top: 0;
    margin-bottom: 0
}

body li>p {
    margin-top: 16px
}

body li+li {
    margin-top: .25em
}

body dl {
    padding: 0
}

body dl dt {
    padding: 0;
    margin-top: 16px;
    font-size: 1em;
    font-style: italic;
    font-weight: 600
}

body dl dd {
    padding: 0 16px;
    margin-bottom: 16px
}

body table {
    display: block;
    width: 100%;
    overflow: auto
}

body table th {
    font-weight: 600
}

body table th,
body table td {
    padding: 6px 13px;
    border: 1px solid #dfe2e5
}

body table tr {
    background-color: #fff;
    border-top: 1px solid #c6cbd1
}

body table tr:nth-child(2n) {
    background-color: #f6f8fa
}

body table img {
    background-color: transparent
}

body img {
    max-width: 100%;
    box-sizing: content-box;
    background-color: #fff
}

body img[align=right] {
    padding-left: 20px
}

body img[align=left] {
    padding-right: 20px
}

body .emoji {
    max-width: none;
    vertical-align: text-top;
    background-color: transparent
}

body span.frame {
    display: block;
    overflow: hidden
}

body span.frame>span {
    display: block;
    float: left;
    width: auto;
    padding: 7px;
    margin: 13px 0 0;
    overflow: hidden;
    border: 1px solid #dfe2e5
}

body span.frame span img {
    display: block;
    float: left
}

body span.frame span span {
    display: block;
    padding: 5px 0 0;
    clear: both;
    color: #24292e
}

body span.align-center {
    display: block;
    overflow: hidden;
    clear: both
}

body span.align-center>span {
    display: block;
    margin: 13px auto 0;
    overflow: hidden;
    text-align: center
}

body span.align-center span img {
    margin: 0 auto;
    text-align: center
}

body span.align-right {
    display: block;
    overflow: hidden;
    clear: both
}

body span.align-right>span {
    display: block;
    margin: 13px 0 0;
    overflow: hidden;
    text-align: right
}

body span.align-right span img {
    margin: 0;
    text-align: right
}

body span.float-left {
    display: block;
    float: left;
    margin-right: 13px;
    overflow: hidden
}

body span.float-left span {
    margin: 13px 0 0
}

body span.float-right {
    display: block;
    float: right;
    margin-left: 13px;
    overflow: hidden
}

body span.float-right>span {
    display: block;
    margin: 13px auto 0;
    overflow: hidden;
    text-align: right
}

body code,
body tt {
    padding: 0;
    padding-top: .2em;
    padding-bottom: .2em;
    margin: 0;
    font-size: 85%;
    background-color: rgba(27, 31, 35, 0.05);
    border-radius: 3px
}

body code::before,
body code::after,
body tt::before,
body tt::after {
    letter-spacing: -.2em;
    content: "\00a0"
}

body code br,
body tt br {
    display: none
}

body del code {
    text-decoration: inherit
}

body pre {
    word-wrap: normal
}

body pre>code {
    padding: 0;
    margin: 0;
    font-size: 100%;
    word-break: normal;
    white-space: pre;
    background: transparent;
    border: 0
}

body pre>code::before,
body pre>code::after {
    content: ""
}

body pre {
    background-color: #f6f8fa;
    padding: 16px
}

body a {
    color: #0366d6;
    text-decoration: none
}

body a:hover {
    text-decoration: underline
}

.hljs {
    display: block;
    background: white;
    padding: 0.5em;
    color: #333333;
    overflow-x: auto
}

.hljs-comment,
.hljs-meta {
    color: #969896
}

.hljs-string,
.hljs-variable,
.hljs-template-variable,
.hljs-strong,
.hljs-emphasis,
.hljs-quote {
    color: #df5000
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-type {
    color: #a71d5d
}

.hljs-literal,
.hljs-symbol,
.hljs-bullet,
.hljs-attribute {
    color: #0086b3
}

.hljs-section,
.hljs-name {
    color: #63a35c
}

.hljs-tag {
    color: #333333
}

.hljs-title,
.hljs-attr,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo {
    color: #795da3
}

.hljs-addition {
    color: #55a532;
    background-color: #eaffea
}

.hljs-deletion {
    color: #bd2c00;
    background-color: #ffecec
}

.hljs-link {
    text-decoration: underline
}

.task-list-item {
    list-style-type: none
}

.task-list-item-checkbox {
    margin: 0 0.2em 0.25em -1.6em;
    vertical-align: middle
}

.hidden {
    display: none;
}

.fds{
    border:none;
    background-size:contain;
    width:20%;
    height:auto;
}

#fdh{
    background-color:rgba(0,0,0,0.7);
    position:absolute;
    left:0;top:0;width:100%;height:100%;
    position:fixed;
    display:none;
    z-index:1000;
}
